<!DOCTYPE HTML>
<html>

<head>
    <title> 员工管理</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link href="../../../assets/css/dpl-min.css" rel="stylesheet" type="text/css"/>
    <link href="../../../assets/css/bui-min.css" rel="stylesheet" type="text/css"/>
    <link href="../../../assets/css/page-min.css" rel="stylesheet" type="text/css"/>
    <link href="../../../assets/css/jx-style.css" rel="stylesheet" type="text/css"/>
    <link href="../../../assets/css/prettify.css" rel="stylesheet" type="text/css"/>
</head>

<body>
<div class="container">
    <div class="detail-page">
        <div class="detail-page-title">
            <h4>员工列表</h4>
        </div>
        <div class="detail-section">
            <div class="row detail-row">
                <div class="span24">
                    <!-- 表格 start-->
                    <div id="grid"></div>
                    <!-- 表格 end-->
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript" src="../../../assets/js/jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="../../../assets/js/bui-min.js"></script>
<script type="text/javascript" src="../../../assets/js/config-min.js"></script>
<script type="text/javascript">
    BUI.use('common/page');
</script>
<!-- script start -->
<script type="text/javascript">

    BUI.use(['bui/grid', 'bui/data'], function (Grid, Data) {
        var Grid = Grid,
            Store = Data.Store,
            columns = [{
                title: '序号',
                dataIndex: 'a',
                elCls: 'center', //居中
                width: 100
            }, {
                id: '123',
                title: '店铺ID ',
                elCls: 'center',
                dataIndex: 'b',
                width: 150
            }, {
                title: '店铺名称',
                elCls: 'center',
                dataIndex: 'c',
                width: 200
            }, {
                title: '会员ID',
                elCls: 'center',
                dataIndex: 'd',
                width: 250
            }, {
                title: '会员名称',
                elCls: 'center',
                dataIndex: 'e',
                width: 100
            }, {
                title: '角色',
                elCls: 'center',
                dataIndex: 'f',
                width: 200
            }],
            data = [{
                id: '03',
                a: '01',
                b: '54434142',
                c: '激想体育专营店三号店',
                d: '4341345',
                e: '李四',
                f: '成员'
            }];
        //初始化数据
        var store = new Store({ //初始化数据
                data: data,
                autoLoad: true, //自动加载数据
                pageSize: 2 // 配置分页数目
            }),
            grid = new Grid.Grid({
                render: '#grid',
                elCls: 'small-bui-grid-table',
                columns: columns,
                loadMask: true, //加载数据时显示屏蔽层
                forceFit: true,

                // 底部工具栏
                bbar: {
                    // pagingBar:表明包含分页栏
                    pagingBar: true
                },
                store: store
            });
        grid.render();


    });
</script>
<!-- script end -->

<body>

</html>
